.container {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.header {
  margin-top: 20rpx; 
  min-height: 362rpx; 
  padding: 32rpx; 
  background-color: #fff;
  margin-bottom: 20rpx; 
}

.tabContainer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.tabItem {
  max-width: 212rpx; 
  min-width: 190rpx; 
  border-width: 2rpx; 
  border-color: #fff;
  padding-left: 20rpx; 
  padding-right: 20rpx; 
  padding-top: 30rpx; 
  padding-bottom: 30rpx; 
  max-height: 160rpx; 
  background-color: #f7f7f7;
  margin-right: 24rpx; 
  margin-bottom: 24rpx; 
  display: flex; 
  justify-content: center;
  align-items: center;
  border-radius: 8rpx; 
}

.activeTab {
  border-width: 1;
  background-color: 'rgba(94, 170, 255, 0.1)';
  border-color: #5EAAFF;
  color: #5EAAFF
}

.formContainer {
  display: flex;
  flex: 1;
}

.passswordTypeWrap {
  margin-bottom: 36rpx; 
}

.passwordType {
  margin-bottom: 12rpx; 
}

.passwordTip {
  color: #999999;
  font-size: 24rpx; 
}

.customForm {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  overflow: visible;
  padding-top: 28rpx;
  padding-left: 32rpx;
  padding-right: 32rpx;
  padding-bottom: 64rpx;
  background-color: #fff;
}

.header {
  min-height: 166rpx; 
  padding-left: 32rpx; 
  padding-right: 32rpx; 
  padding-top: 32rpx; 
  padding-bottom: 32rpx; 
  background-color: #fff;
  margin-bottom: 20rpx; 
}

.body {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.deletePassword {
  padding-left: 32rpx; 
  padding-right: 32rpx; 
  padding-top: 22rpx; 
  padding-bottom: 22rpx; 
  border-radius: 16rpx; 
  background-color: #f8f8f8;
  border-width: 2rpx; 
  border-color: #ddd;
  margin-top: 20rpx; 
}

.footerButtonArea {
  background-color: #fff;
  padding-bottom: 68rpx; 
  padding-top: 16rpx; 
  padding-left: 24rpx; 
  padding-right: 24rpx; 
}

.customWarp {
  display: flex;
  flex-direction: column;
  flex: 1;

}

.customFooterButtonArea {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  padding-bottom: 68rpx;
  padding-top: 16rpx;
  padding-left: 24rpx;
  padding-right: 24rpx;
}

.list {
  border-bottom-color: #f8f8f8;
  border-bottom-width: 2rpx;
  border-bottom-style: solid;
}

.text {
  color: #fff;
  font-size: 32rpx;
}

.btnWrap {
  width: 400rpx;
  height: 96rpx;
  margin-bottom: 40rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 16rpx;
}

.circleButton {
  position: fixed;
  bottom: 100rpx;
  right: 20rpx;
  width: 80rpx;
  height: 80rpx;
  border-radius: 50%;
  background-color: #909090;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 24rpx;
  box-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.1);
}